@import '../../variables.scss';
@import '../../reset.scss';
@import '../../markdown.scss';

.documentation-page {
  .content-section {
    .content-body {
      box-sizing: border-box;
      max-width: $contentWidth;
      margin: 0 auto;
      padding: 75px 40px 80px;
      position: relative;
      min-height: 1100px;
      .doc-content {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        padding: 0 6% 0;
        width: calc(100% - #{$sideMenuWidth});
      }
    }
  }
  @media screen and (max-width: $mobileWidth) {
    .content-section {
      .content-body {
        padding-left: 20px;
        padding-right: 20px;
        .doc-content {
          width: 100%;
        }
        .sidemenu {
          position: absolute;
          z-index: 100;
          left: 0;
          top: 40px;
        }
      }
    }
  }
}